/* LOGO-CONTAINER */
.logo_container{position:relative;margin-bottom:20px;}
.logo_container .logo_seo{float:left;display:block;width:220px;height:85px;text-indent:-9000px;color:transparent;background:url("images/up1_2.png") top left scroll no-repeat;}
.logo_container .user_statistic{display:block;float:right;}

    .user_statistic{width:280px;border:1px solid #bcbcbc;padding:5px;margin-top:15px;}
    .user_statistic .user_info{float:left}
    .user_statistic .user_avatar{float:right}
        .user_avatar{border:1px solid #bcbcbc;background:#ebebeb;padding:4px}       
        .user_name{color:#0c6597}
        a.user_link:hover{text-decoration:underline;}

/* MAIN-CONTENT */            
    /* COUNTDOWN */
    .countdown_container{height:310px}
    .countdown_info{font:14px/24px arial,sans-serif;}
    .countdown_info .p{display:inline-block;width:50px}
    .countdown_timer{color:#fff;background:url("images/input.png") bottom;height:90px}
        .timer_title{text-align:center;font:bold 14px/24px arial,sans-serif;}
        .timer_clock .icon.clock{float:left;margin:-2px 12px 0 15px;}
        .timer_unit{width:48px;text-align:center;float:left;}
        .timer_separator{float:left;margin-top:10px;font-weight:bold;}
        .timer_unit_value{width:33px;height:33px;color: #197ab1;font:bold 18px/33px arial,sans-serif;margin: 0 auto;background:url("images/up1_2.png") no-repeat right -38px;}
        .timer_unit_title{font:11px/19px arial,sans-serif;}                
    .countdown_container .link_term{font-weight:bold;color:#8b00a9;position:absolute;left:15px;bottom:15px}
    .countdown_container a.link_term:hover{text-decoration:underline}
    .countdown_container .link_nextreward{font-weight:bold;color:#0a9400;position:absolute;right:15px;bottom:15px}
    .countdown_container a.link_nextreward:hover{text-decoration:underline}
    
    /* LOTTERY */
    .lottery_container{height:310px}            
    .lottery_title a{position:absolute;top:25px;left:280px;font:bold 18px/18px arial,sans-serif;color:#000;}
    .lottery_title a:hover{color:#05428C}
    .lottery_thumb{width:200px;height:200px;padding:5px;background:#fff;border:1px solid #bdbdbd;float:left;}
    .lottery_thumb img{width:200px;height:200px}
    .lottery_info_wrapper{margin:10px 0 0 230px}
    
        .lottery_info{font:bold 14px/24px arial,sans-serif}
        .lottery_info .p{display:inline-block;width:45px}
        .lottery_price{color:#f00}
        .lottery_code{color:#0982c4}
        
        .lottery_member{margin-top:10px}
        .lottery_member .p{font:bold 14px/24px arial,sans-serif}
        .lottery_member p{height:80px;overflow:auto}
        
        .lottery_link .link_item{font:bold 12px/32px arial,sans-serif}
        .lottery_link .link_term a{padding-left:10px;color:#8b00a9;}
        .lottery_link .link_term a:hover{text-decoration:underline}
        .lottery_link .link_nextreward a{color:#0a9400;}
        .lottery_link .link_nextreward a:hover{text-decoration:underline}
        .lottery_link .icon{float:left}
        .lottery_link div{float:left;padding:0 20px;}     
    
    /* LIST */
    .list_container .box_content{padding-left:10px;padding-right:10px}
        .list_item{border-bottom:1px solid #bdbdbd;padding:0 15px 20px;margin-bottom:20px;}
        .list_thumb{width:200px;height:125px;padding:5px;margin-right:10px;background:#fff;border:1px solid #bdbdbd;float:left;}
        .list_thumb img{width:200px;height:125px;}
        
        .list_title{font:bold 14px/24px arial,sans-serif}                
        .list_info{height:105px;overflow:auto}                
        .list_exchange{font:bold 18px/32px arial,sans-serif}
            .list_exchange span{float:left}
            .list_point{color:#f00;padding:0 5px 0 10px}
            a.list_get{display:block;width:125px;height:32px;background:url("images/input.png") repeat-x 0 -200px;border:1px solid #0270ac;border-radius:5px;color:#fff;font:bold 14px/32px arial;text-align:center;text-shadow:0 -1px 0 #117393;float:right;}
            a.list_get:hover{color:yellow}
        .list_container .paginator{float:right}
        
    .paginator{list-style:none;}
    .paginator li{float:left;margin-right:5px}
    .paginator a{display:block;width:20px;height:20px;line-height:20px;text-align:center;background:#fff;color:#000;border:1px solid #bdbdbd;border-radius:5px;}
    .paginator .active, .paginator .active:hover{background:#107cb7;color:#fff;border-color:#075a88;}
    .paginator .active{background:#107cb7;color:#fff;border-color:#075a88;}
    .paginator a:hover{background:#ededed;}                
    
    /* BOX */
    .box_container{border:1px solid #bdbdbd;border-radius:5px;background:#f3f3f3;margin-top:20px;position:relative;}
    .box_container.box_left{float:left;width:280px;}
    .box_container.box_right{float:right;width:640px}
    .box_content{padding:15px 20px 15px}
    
    .box_title{width:275px;height:48px;background:url("images/up1_2.png") no-repeat scroll bottom;margin:16px 0 0 -11px;}
    .box_title h3{color:#fff;font: bold 14px/18px arial,sans-serif;text-shadow:0 -1px 0 #117393;padding:10px 0 0 25px;}
    
    /* ICON */
    .icon{display:block;width:32px;height:32px;text-indent:-9000px;overflow:hidden;background:scroll no-repeat transparent;}
        .icon.clock{width:36px;height:38px;background:url("images/up1_2.png") right top;}
        .icon.open_book{background:url("images/up1_2.png") 0 -85px;}
        .icon.gift_box{background:url("images/up1_2.png") -32px -85px;}
        .icon.coin{background:url("images/up1_2.png") -64px -85px;}            